<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <!--视口 不缩放 -->
    <link rel="shortcut icon" th:href="@{/img/icon.gif}">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/zui/1.7.0/css/zui.min.css" rel="stylesheet">
    <link th:href="@{/css/main.css}" rel="stylesheet">
    <link th:href="@{/css/login.css}" rel="stylesheet">
</head>

<body>
    <div class="login">
        <i class="bg1"></i>
        <i class="bg2"></i>
        <section class="login-content">
            <form method="post" th:action="@{/login/in}" autocomplete="off">
                <h1><a th:href="@{'/index'}" title="返回上一级">FREESTUDY</a></h1>
                <div class="user">
                    <input type="text" placeholder="帐　号" name="username" autocomplete="off" required>
                    <input type="hidden" value="zy" name="last_url">
                    <input type="hidden" value="http://stu.fjhgkj.com.cn/" name="url">
                </div>
                <div class="pw">
                    <input type="password" placeholder="密　码" name="password" autocomplete="off" required>
                </div>
                <div class="memory">
                    <span class="warning"></span>
                    <a href="/free_study/backend/login">管理员登录</a>
                    <a>忘记密码</a>
                </div>
                <div class="submit">
                    <button type="submit">登　录</button>
                </div>
            </form>
        </section>
    </div>
    <script>
    (function() {
        document.querySelector(".memory a").addEventListener("click", function() {
            text_color("请联系平台负责人")
        })

        function text_color(txt) {
            var obj = document.querySelector(".warning");
            obj.innerHTML = txt;
            obj.classList.add("in");
            setTimeout(function() {
                obj.classList.remove("in");
            }, 2250)
        }
    })()
    </script>
</body>

</html>
